const { defineConfig } = require('@vue/cli-service')
const path = require('path')
// const themePath = require('./src/theme.less')
const themePath = path.join(__dirname, './src/assets/common/theme.less')

module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: './',
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        modifyVars: {
          // 直接覆盖变量
          'text-color': '#111',
          'tab-active-text-color': '#0f0',
          'button-primary-background-color': '#0f0',
          // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
          hack: `true; @import "${themePath}";`
        }
      }
    }
  }
})
